<template>
<view class="box">
  <view class="fen"></view>
  <view class="headerbox">
      <view class="header">
        <view class="headerimg" :style="{'background-image':`url('${list.avatar_url}')`}"></view>
        <view class="headername">{{list.nick_name}}</view>
        <view class="headermoney"><text>+</text>{{list.money}}</view>
      </view>
  </view>
  <view class="listbox">
    <view class="listbox1"> 
      <view class="type">收益类型</view>
      <view class="nei">{{list.type == 2 ? '引流收益' : list.type==4 ? '分享红包' : list.type == 5 ? '猜货返款':list.type == 6 ?'补贴返款':list.type == 7 ? '下级升级收益':list.type == 8?'升级代理商':list.type == 9?'区域订单奖':list.type == 10?'人才培育奖':''}}</view>
    </view>
    <view class="listbox1">
      <view class="type">订单编号</view>
      <view class="nei">{{list.order_id}}</view>
    </view>
    <view class="listbox1">
      <view class="type">交易时间</view>
      <view class="nei">{{list.aa}}</view>
    </view>
  </view>
</view>
</template>

<script>
	export default {
		data() {
			return {
				list: {}
			}
		},
		methods: {
			
		},
        onLoad({item}) {
            this.list = JSON.parse(item)
        }
	}
</script>

<style>
/* pages/wallet/wallettwo/wallettwo.wxss */
.box{
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #f1f1f1;  
}
.fen{
  width: 100%;
  height: 200rpx;
}
.headerbox{
  width: 100%;
  height: 300rpx;
}
.header{
  width: 86%;
  height: 100%;
  border-bottom: 1px solid #999;
  margin: 0 auto;
  text-align: center;
}
.headerimg{
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  background-color: red;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0rpx auto;
}
.headername{
  font-size: 30rpx;
  color: #111;
  margin: 30rpx 0;
  letter-spacing: 2rpx;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.headermoney{
  font-size: 40rpx;
  color: black;
  font-weight: 550;
}
.headermoney>text{
  margin-right: 4rpx;
}
.listbox{
  padding: 20rpx 7%;
  width: 86%;
  height: auto;

}
.listbox1{
  width: 100%;
  min-height: 40rpx;
  margin: 20rpx 0;
  display: flex;
  font-size: 28rpx;
}
.type{
  width: 20%;
  height: auto;
  margin-right: 30rpx;
  color: #888;
}
.nei{
  width: calc(80% - 30rpx);
  height: auto;
  word-wrap:break-word;
  word-break:break-all;
}
.fankuan{
  width: 400rpx;
  height: 80rpx;
  background: linear-gradient( #60CC60, #79E379);
  text-align: center;
  line-height: 80rpx;
  border-radius: 40rpx;
  margin: 30rpx auto 0;
  color: white;
}
.fankuan1{
  width: 400rpx;
  height: 80rpx;
  background-color: cornflowerblue;
  text-align: center;
  line-height: 80rpx;
  border-radius: 40rpx;
  margin: 30rpx auto 0;
  color: white;
}
</style>
